<template>
  <i v-if="store.styleInfo.styleType == 1" class="iconfonts" :style="{}"> &#xe6bd; </i>
  <i v-if="store.styleInfo.styleType == 2" class="iconfonts" :style="{}"> &#xe6bd; </i>
  <i v-if="store.styleInfo.styleType == 3" class="iconfonts" :style="{}"> &#xe6bf; </i>
  <i v-if="store.styleInfo.styleType == 4" class="iconfonts" :style="{}"> &#xe6bd; </i>
</template>

<script setup lang="ts">
import { IconFont } from 'tdesign-icons-vue-next';
import { useProjectStore } from '@/store';

const store = useProjectStore();
</script>

<style scoped lang="less">
.iconfonts {
  // position: absolute;
  position: absolute;
  top: 0;
  left: 50%;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  margin-left: -83px;
  transform: scaleX(50);
}
</style>
